<gm:page title="Créer Elément Arborescence avec createElement" authenticate="false">
 
  
     <!-- createElement()
     Crée un nouvel élément pour l'arborescence. Peut être employé sur 
     des documents HTML, mais également sur des documents XML. 
     
     Exemple ci-dessous, contient un passage "div", qui dans un premier 
     temps est vide. Dessous est noté un passage JavaScript. Là est créé 
     avec "document.createElement("h1")" un nouvel élément du type "h1", 
     à savoir un titre HTML N°1. Le titre n'en est cependant pas pour 
     autant affiché - il n'est même pas encore rattaché à l'arborescence 
     du document. L'élément est somme toute créé en tant qu'objet.La 
     méthode "createElement()" renvoie l'objet créé, donc en l'occurrence
     l'élément "h1". La valeur renvoyée est sauvegardée dans la variable
     "montitre". Par cette variable, l'élément nouvellement créé peut 
     être adressé. .
 
     Afin que le titre reçoive un contenu, un nœud de texte est créé, 
     avec "createTextNode()". Avec "appendChild()" le nœud de texte est
     ensuite défini comme élément enfant du titre N°1. Enfin le titre 
     complet doit encore être placé dans l'arborescence existante. Cela
     se passe dans l'instruction "passagesortie.appendChild(montitre);".
     Ici a été sauvegardé au préalable dans la variable "passagesortie"
     l'élément vide "div", auquel il a été accédé avec "getElementById()".
     C'est ainsi que le titre et son texte, donc en tant qu'élément enfant
     sont insérés de façon dynamique dans le passage "div". -->
 
     <!-- Déclaration fonction -->
     <HEAD>
           
                  
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY>
 
      <!-- passage "div", qui dans un premier temps est vide --> 
     <div id="passage" style="border:1px black solid; padding:10px"></div> 
 
     <script type="text/javascript">
     <!-- Création objet titre h1 -->
     var montitre = document.createElement("h1"); 
     <!-- Créer noeud texte afin titre reçoive contenu -->
     var montexte = document.createTextNode("Une page très dynamique"); 
     <!-- Définir noeud texte comme élément enfant du titre h1 -->
     montitre.appendChild(montexte); 
     <!-- sauvegarder élément vide "div" --> 
     var passagesortie = document.getElementById("passage"); 
     <!-- Placer titre complet dans arborescence existante -->
     passagesortie.appendChild(montitre);
     </script>
         
        
  
     </BODY>
 
</gm:page>
 
